body { font-size: .85em; font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif; color: #232323; background-color: #fff; margin: 0; padding: 0; }

header,
footer,
nav,
section { display: block; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.validation-summary-valid { display: none; }

/*General Schema for body page*/

.groupPageContainer { border: 0px; width: 955px; margin-left: auto; margin-right: auto;}
.groupPageContainer .pageHeader { display: inline-block; height: 122px; width: 100%; background-color:#8F1618; }
.groupPageContainer .pageHeader .pageLogo { width: 227px; float: left; }
.groupPageContainer .pageHeader .pageHeaderLinks{ width: 450px; float: left; margin-top: 90px; }
.groupPageContainer .pageHeader .pageHeaderLinks ul { list-style-type: none; margin: 0; padding: 0; }
.groupPageContainer .pageHeader .pageHeaderLinks ul li { display: inline; margin-right: 20px; color: White; font-family: Verdana }
.groupPageContainer .pageHeader .pageHeaderLinks ul li a { color: White; }
              
.groupPageContainer .pageBody { display: inline-block; background-color: Black; width: 955px; }
.groupPageContainer .pageBody .innerContainer { display:inline-block; margin-bottom:-4px; padding-bottom: 10px; margin-left: 25px; margin-right: 25px; width: 905px; background-color: White; }
.groupPageContainer .pageBody .innerContainer .pageLeftColumn{ width: 180px; margin-left:10px; float: left; }
.groupPageContainer .pageBody .innerContainer .pageBodyColumn{ width: 470px; float: left; }
.groupPageContainer .pageBody .innerContainer .pageRightColumn{ width: 230px; background-color: white; float:right; }

.groupPageContainer .pageBody .innerContainer .pageBodyWithoutCategoryColumn{ width: 650px; float: left; }

.groupPageContainer .pageHeader .pageHeaderRight { margin-top: 5px; }

.groupPageContainer .pageFooter { display: inline-block; height: 85px; width: 100%; background-color:#8F1618; color: White; text-align: center; padding-top: 30px;}

/*----------------------------*/

/*GENERAL*/
h1 { font-size: 14pt; font-family: Arial; }
ul { list-style-type: none; margin: 0; padding: 0; }
.facebook-like { margin-top: 20px; }

.ActionButton { background-color:White; color:#8F1618; width: 60px; height: 20px; font-family: Arial; font-size: 9pt; font-weight: bold;
    text-align: center; vertical-align: middle; line-height: 15pt; cursor: pointer; -webkit-border-radius: 5px;
    -moz-border-radius: 5px; border-radius: 5px; }

.InvertedActionButton { background-color: #8F1618; color:White; width: 60px; height: 20px; font-family: Arial; font-size: 9pt; font-weight: bold;
    text-align: center; vertical-align: middle; line-height: 15pt; cursor: pointer; -webkit-border-radius: 5px;
    -moz-border-radius: 5px; border-radius: 5px; }
    
.BuyActionButton { background-color: #8F1618; color:White; width: 50px; height: 20px; font-family: Arial; font-size: 6pt; font-weight: bold;
    text-align: center; vertical-align: middle; line-height: 15pt; cursor: pointer; -webkit-border-radius: 5px;
    -moz-border-radius: 5px; border-radius: 5px; }
/*-------*/

/*SHOPPING CART*/
.cartDetail { text-align: right; color: White; font-size: 8pt; margin-right: 20px; margin-bottom: 15px; height:60px; }
.cartDetail .cartButton { display: inline-block; }
/*-------------*/

/*SEARCH*/
#searchBox { margin: 0; padding: 0; border: 0; font-size: 14pt; width: 200px; margin-right: -4px; height: 30px; padding-left: 10px; }
#searchButton { vertical-align: top; cursor: pointer; }
/*-------------------*/

/*Adoption styles*/
.adoptTemplate { float:left; width: 100px; margin-right: 10px; margin-bottom:10px; border: 0px none; cursor: pointer;}
.adoptTemplate img { width: 85px; height: 85px; }
.adoptTemplate .adoptName { font-weight: bold; font-size: 9pt; }
.adoptTemplate .adoptRace { font-size: 8pt; font-style: italic; }
.adoptTemplate .adoptAge { font-size: 8pt; }

.adoptContainer {}
.adoptContainer .petsContainer { display: inline-block; width: 100%; }
.adoptContainer .pageCounter { display: inline-block; }
.adoptContainer .pageCounter .pageLink { margin-right: 5px; }
/******************************/

/*Profile styles*/
.account-container { margin-left: 10px; }
.profile-container {}
.profile-container .topmenu ul { list-style-type: none; margin: 0; padding: 0; background-color: Gray; } 
.profile-container .topmenu ul li { display: inline; padding: 5px; cursor: pointer; }
.profile-container .topmenu ul li:hover { text-decoration:underline; }
.profile-container .topmenu ul li.selected { background-color:#CCCCCC; }
.profile-container .topmenu ul li a { text-decoration: none; color: Black;}
/*--------------*/

/*Home styles*/
.home-container {}
.home-container .adoptar-cruzar { display: inline-block; }
.home-container .adoptar-cruzar .adoptar { float: left; margin-right: 20px; }
.home-container .adoptar-cruzar .cruzar { float: left; }
/*--------------*/

.category-list { margin-left: 10px; font-size: 9pt; }
.category-list a { color: Black; text-decoration: none; }
.category-list a:hover { text-decoration: underline; }

.services-list { margin-left: 10px; font-size: 9pt; }
.services-list a { color: Black; text-decoration: none; }
.services-list a:hover { text-decoration: underline; }

/*Login*/
.existingUserLogIn { display: none; }
.existingUserLogIn a { font-size: 9pt; text-decoration: none; }
.existingUserLogIn span { font-size: 8pt; }

.newUserLogIn a { font-size: 9pt; text-decoration: none; }
.newUserLogIn span { font-size: 8pt; }
/*-----*/

.table {}
.table .row { display: inline-block; }
.table .row .cell { float: left;}

/* Circular Content Carousel Style */
.ca-container {	position:relative; margin:25px auto 20px auto; width: 400px; height: 150px;}
.ca-wrapper{width:100%;	height:100%;position:relative; }
.ca-item{position:relative;	float:left;	width: 110px;height: 100%;text-align: left;}

.ca-content-wrapper{background:#b0ccc6;	position:absolute;	width:0px; /* expands to width of the wrapper minus 1 element */height:440px;top:5px;text-align:left;z-index:10000;overflow:hidden;}
.ca-content{width:660px;overflow:hidden;}
.ca-content-text{font-size: 14px;font-style: italic;font-family: "Georgia","Times New Roman",serif;	margin:10px 20px;padding:10px 20px;	line-height:24px;}
.ca-content-text p{	padding-bottom:5px;}
.ca-content h6{	margin:25px 20px 0px 35px;font-size:32px;padding-bottom:5px;color:#000;	font-family: 'Coustard', sans-serif;color:#60817a;border-bottom:2px solid #99bcb4;text-shadow: 1px 1px 1px #99BCB4;}
.ca-content ul{margin:20px 35px;height:30px;}
.ca-content ul li{float:left;margin:0px 2px;}
.ca-content ul li a{color:#fff;	background:#000;padding:3px 6px;font-size:14px;	font-family: "Georgia","Times New Roman",serif;	font-style:italic;}
.ca-content ul li a:hover{	background:#fff;color:#000;	text-shadow:none;}
.ca-nav span{width:25px;height:38px;background:transparent url(/Content/arrows.png) no-repeat top left;	position:absolute;top:50%;margin-top:-19px;	left:-40px;	text-indent:-9000px;opacity:0.7;cursor:pointer;	z-index:100;}
.ca-nav span.ca-nav-next{background-position:top right;	left:auto;right:-40px;}
.ca-nav span:hover{	opacity:1.0;}

/*CAROUSEL HOME*/

.carousel-price { font-size: 8pt; margin-right:5px; color: Red;}
.carousel-name { font-size: 10pt; height: 35px; width: 100px; overflow-y: hidden; }

/*Pet detail*/
.detail-pet-container { margin-left: 10px; }

/*SIMPLE MODAL*/
#simplemodal-overlay {background-color:#000;}

/*MESSAGES*/
.messages-container { margin-top: 10px; }
.messages-container .message-item { background-color:#efefef; width: 200px; height: 60px; cursor:pointer; border-bottom: 1px solid white; }
.messages-container .message-item.notReaded { background-color:#bbbbbb; }
.messages-container .message-item .description-text { margin-left: 10px; font-size: 9pt; white-space: nowrap; width: 100px; text-overflow: ellipsis; overflow: hidden;}
.messages-container .message-body-container {min-height: 400px; max-height: 600px; overflow-y: scroll;}
.messages-container .message-list { float:left; border:1px solid black; width:218px; min-height: 400px; max-height: 600px; overflow-y: scroll;}

.messages-container .message-body-container .messageEmptyTemplate 
{
    margin-bottom: 5px;
    margin-left: 2px;
    display: inline-block;
    width: 100%;
}